<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				padding: 0px;
				margin: 0px;
				font-family: "微软雅黑";
			}
			
			#title a:hover {
				background-color: #998162;
			}
			
			#body {
				width: 100%;
				min-width: 320px;
				background-color: #998162;
			}
			
			#main {
				width: 1200px;
				margin: 0px auto;
				background-color: white;
				min-width: 320px;
			}
			
			#title {
				height: 80px;
				line-height: 80px;
				position: relative;
			}
			
			.title-left {
				float: left;
				margin-left: 200px;
			}
			
			#title a {
				text-decoration: none;
				color: black;
				padding: 0px 20px;
			}
			
			.title-img {
				margin: 0px auto;
				position: absolute;
				top: 10px;
				left: 559px;
			}
			
			.title-img img {
				width: 80px;
			}
			
			.title-right {
				margin-right: 150px;
				float: right;
			}
			
			#banner img {
				width: 1200px;
			}
			/*.buttom-img {
				width: 1200px;
				height: 345px;
				background-image: url(img-mayue/11.png);
				background-size: 1200px;
			}
			
			.buttom-img img {
				width: 20px;
				padding: 0px 10px;
				position: relative;
				top: 325px;
				left: 525px;
				width: 1200px;
			}*/
			
			#footer {
				background-color: black;
				/*width: 1920px;*/
				height: 270px;
			}
			
			.friendlink {
				font-size: 14px;
				color: #998162;
			}
			
			.f1 {
				width: 430px;
				float: left;
			}
			
			.f2 {
				width: 128px;
				float: right;
				margin-top: 30px;
			}
			
			.f2 p {
				padding-top: 5px;
				text-align: center;
			}
			
			.f3 {
				margin-right: -5px;
			}
			
			.f4 {
				width: 550px;
				float: left;
				margin-top: 40px;
				margin-left: 10px;
			}
			
			.f4 a {
				display: inline-block;
				text-decoration: none;
				background-image: url(img-mayue/矩形-6-拷贝.png);
				background-repeat: no-repeat;
				width: 114px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				color: white;
				margin: 0px 7px;
			}
			
			.f4-p {
				margin: 20px 0px 0px 30px;
			}
			
			.f4-p p {
				padding-top: 10px;
			}
			
			.f5 {
				float: left;
				margin: 20px 0px 0px 10px;
			}
			
			.f5 img {
				float: left;
			}
			
			.f6 img {
				width: 100px;
				height: 100px;
				float: left;
			}
			
			.clear {
				clear: both;
			}
			
			#contact {
				width: 220px;
				height: 82px;
				background-color: #998162;
				float: left;
				margin-top: 123px;
			}
			
			#contact .lo {
				color: white;
				font-family: charlemagne std;
				font-size: 24px;
				line-height: 60px;
				/*text-indent: 50px;*/
				text-align: center;
			}
			
			#contact .ll {
				color: #E52222;
				font-size: 24px;
				font-family: "等线";
				font-weight: bold;
				line-height: 10px;
				text-align: center;
			}
			/*#zhuyemian{
				width: ;
			}*/
			
			#zhuye {
				width: 908px;
				float: right;
				margin-right: 66px;
			}
			
			#weizhi {
				/*float: right;*/
				width: 907px;
				height: 46px;
				background-color: #998162;
				margin-top: 35px;
			}
			
			#weizhi b {
				color: white;
				float: right;
				margin-right: 5px;
				font-family: "黑体";
				/*font-size: 14px;*/
				font-weight: bold;
				line-height: 46px;
			}
			
			#weizhi b strong {
				color: #FF0000;
			}
			
			#duanxian {
				width: 908px;
				height: 50px;
				background-color: white;
				/*border: 1px solid black;*/
				margin-top: 33px;
			}
			
			#duanxian01 {
				display: inline-block;
				/*float: left;*/
				/*width: 412px;
				margin-left: 8px;*/
			}
			
			#duanxian02 {
				/*margin-top: 0px;*/
				/*margin-top: 20px;*/
				float: right;
				margin-right: 250px;
				/*width: 196px;*/
				display: inline-block;
			}
			
			#duanxian03 {
				margin-top: -42px;
				float: right;
				/*margin-right: 5px;
				width: 204px;*/
			}
			
			#xiangximiaoshu {
				width: 907px;
				height: 46px;
				background-color: #998162;
				margin-top: 30px;
			}
			
			#xiangximiaoshu h3 {
				color: white;
				text-indent: 10px;
				/*text-align: center;*/
				line-height: 46px;
			}
			
			#zhuye h4 {
				margin-top: 73px;
			}
			
			.jianjie {
				margin-top: 10px;
				text-indent: 2em;
			}
			
			.img {
				margin-top: 110px;
				position: relative;
				left: 50px;
			}
			
			.font {
				color: white;
				font-size: 16px;
				font-weight: 600;
			}
			
			.shangxiayou {
				float: right;
				font-size: 16px;
				/*display: block;*/
			}
			
			.l1 {
				margin-top: 20px;
			}
			
			#shangxiapian a {
				text-decoration: none;
				color: black;
			}
			
			#xiangguanwenzhang {
				margin-top: 50px;
				width: 907px;
				height: 125px;
			}
			
			#xiangguanwenzhang a {
				text-decoration: none;
				color: black;
				font-weight: bold;
			}
			
			#xiangguan1,
			#xiangguan2 {
				/*margin-left: 333px;*/
				width: 330px;
				height: 100px;
				display: inline-block;
			}
			
			#xiangguan3 {
				height: 100px;
				width: 230px;
				display: inline-block;
			}
			
			#weizhi a {
				text-decoration: none;
				color: black;
			}
		</style>
	</head>

	<body>
		<div id="body">
			<div id="main">
				<div id="title">
					<div class="title-left">
						<a href="home_copy.html">首页</a>
						<a href="culture2.html">企业文化</a>
						<a href="fuwuxiangmu2.html">服务项目</a>
					</div>
					<div class="title-img">
						<img src="img-mayue/大象无形-拷贝.png" />
					</div>
					<div class="title-right">
						<a href="xiangmuanli.html">案例分析</a>
						<a href="lianxi.html">联系我们</a>
						<a href="xinwen2.html">新闻热点</a>
					</div>
				</div>
				<div id="banner">
					<img src="img_longbo/285625aea1eca39.png" />
				</div>
				<div id="zhuyemian">
					<div id="contact">
						<p class="lo">CONTACT</p>
						<p class="ll">400-800-9999</p>
					</div>
					<div id="zhuye">
						<div id="weizhi">
							<b><a href="">首页</a>
							>><a href="">案例分析</a>
							>><strong>
								城市规划
							</strong>
							</b>
						</div>
						<div id="duanxian">
							<div id="duanxian01">
								<img src="img_longbo/矩形-9.png" />
								<p>城市规划</p>
							</div>
							<div id="duanxian02">
								<img src="img_longbo/矩形-10.png" />
								<p>展览馆规划</p>
							</div>
							<div id="duanxian03">
								<img src="img_longbo/矩形-11.png" />
								<p>一体化工程</p>
							</div>
						</div>
						<div id="xiangximiaoshu">
							<h3>详细描述</h3>
						</div>
						<h4>案例简介：</h4>
						<p class="jianjie">本项目是诠释扬中市城市文化，展示现代化规划发展，使其成为过去与未来、城市与城市、文化与文化、政府与市民相互交流的平台和载体。展馆整体分为“互动沙盘、前言、园区、港区、社区、互动走廊、未来规划”七大展区。各展区形式多样，内容 丰富，是目前国内首屈一指的规划展览馆。
						</p>
						<img class="img" src="img_longbo/20141030165951511_5_f=3.png" />
						<img class="img" src="img_longbo/true.png" />
						<div id="xiangximiaoshu">
							<p>
								<h3>服务类型:<span class="font">数字展厅/数字平台</span></h3></p>
						</div>
						<div id="shangxiapian">
							<p class="l1">
								<上一篇：<a href="">无</a>
									<span class="shangxiayou">下一篇：<a href="">展览馆规划</a>></span></p>
						</div>
						<div id="xiangximiaoshu">
							<h3>相关文章：</h3>
						</div>
						<div id="xiangguanwenzhang">
							<div id="xiangguan1">
								<p>
									<a href="">·第一篇文章</a>
								</p>
								<p>
									<a href="">·第二篇文章</a>
								</p>
								<p>
									<a href="">·第三篇文章</a>
								</p>
							</div>
							<div id="xiangguan2">
								<p>
									<a href="">·第四篇文章</a>
								</p>
								<p>
									<a href="">·第五篇文章</a>
								</p>
								<p>
									<a href="">·第六篇文章</a>
								</p>
							</div>
							<div id="xiangguan3">
								<p>
									<a href="">·第七篇文章</a>
								</p>
								<p>
									<a href="">·第八篇文章</a>
								</p>
								<p>
									<a href="">·第九篇文章</a>
								</p>
							</div>
						</div>

					</div>
				</div>

				<!--尾部-->
				<!--<div id="buttom">
					<div class="buttom-img">
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1-拷贝.png" />
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1.png" />
						<img src="img-mayue/椭圆-1.png" />
					</div>
				</div>-->
				<div class="clear">

				</div>
				<div id="footer">
					<div class="friendlink">
						<div class="f1">
							<div class="f2">
								<img src="img-mayue/图层-10.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2">
								<img src="img-mayue/图层-11.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
							<div class="f2 f3">
								<img src="img-mayue/图层-12.png" />
								<p>手机扫描二维码</p>
								<p>关注大象东方</p>
							</div>
						</div>
						<div class="f4">
							<a href="#">公司介绍</a>
							<a href="#">人才招聘</a>
							<a href="#">网站法律声明</a>
							<a href="lianxi.html">联系我们</a>
							<div class="f4-p">
								<p>版权所有&copy;2015上海大象无形展览展示有限公司</p>
								<p>上海市泸太路785号新华园A楼8008室</p>
							</div>
							<div class="f5">
								<img src="img-mayue/图层-15.png" />
								<img src="img-mayue/图层-16.png" />
								<img src="img-mayue/图层-17.png" />
								<img src="img-mayue/图层-18.png" />
								<img src="img-mayue/图层-19.png" />
								<img src="img-mayue/图层-20.png" />
							</div>
						</div>
						<div class="f6">
							<img src="img-mayue/图层-13.png" />
							<img src="img-mayue/图层-14.png" />
						</div>
					</div>

				</div>
			</div>

		</div>
	</body>

</html>